<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <title>管理注册</title>
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container-fluid" style="background-color:#EEEEEE; margin: 30px 30px 30px 30px;height:800px;"><!-- style="background-color:gray;" -->
        <div class="container">
            <h2 style="text-align:center;color:#5BA9B8;">注册</h2>
            <div class="row" class="col-md-12 " style="background-color:#fff; margin: 20px 0px 00px 0px;border: solid #001 1px;border-radius: 10px;  height:610px;width:1171px;s;padding:20px;">
                <form>
                    <div class="form-group">
                        <label for="name">用户名<span style="color:red">*</span></label>
                        <input type="text" class="form-control" name="name" id="name" placeholder="name">
                    </div>
                    <div class="form-group">
                        <label for="sex">性别<span style="color:red;">*</span></label>
                        <input type="text" class="form-control" name="sex" id="sex" placeholder="sex">
                    </div>
                    <div class="form-group">
                        <label for="birth">出生日期</label>
                        <input type="date" class="form-control" id="birth" name="birth"/>
                    </div>
                    <div class="form-group">
                        <label for="address">家庭住址<span style="color:red;">*</span></label>
                        <input type="text" class="form-control" name="address" id="address" placeholder="address">
                    </div>
                    <div class="form-group">
                        <label for="recommend">推荐人</label>
                        <input type="text" class="form-control" name="recommend" id="recommend" placeholder="recommend">
                    </div>
                    <div class="row">
                        <div class="dropdown col-md-6">
                            <label for="dropdownMenu1">行业分会</label>
                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            
                            <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                <li><a href="#">分会1</a></li>
                                <li><a href="#">分会2</a></li>
                                <li><a href="#">分会3</a></li>
                            </ul>
                        </div>
                        <div class="dropdown col-md-6">
                            <label for="dropdownMenu2">专委会</label>
                            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            
                            <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                <li><a href="#">专委会1</a></li>
                                <li><a href="#">专委会2</a></li>
                                <li><a href="#">专委会3</a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="password">密码<span style="color:red;">*</span></label>
                        <input type="password" name="password" class="form-control" id="password" placeholder="password">
                    </div>
                    <div class="form-group">
                        <label for="confirmpassword">确认密码<span style="color:red;">*</span></label>
                        <input type="password" class="form-control" id="confirmpassword" placeholder="confirm password">
                    </form>
                </div>
                <button type="submit" class="btn btn-primary">提交</button>
                <button type="submit" class="btn btn-danger">清空</button>
                <button type="submit" class="btn btn-primary">取消</button>
                <a href="login.html" class="pull-right" style="font-size: 25px;">登录</a>
            </div>
        </div>
        
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </body>
</html>